<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<style type="text/css">
			body {
				background-color: #fff;
			}
			
			.success {
				font-size: 30px;
				line-height: 1.5em;
				color: #FF0000;
			}
			
			.success .iconfont {
				font-size: 60px;
			}
			
			header {
				padding-top: 60px;
			}
			
			header .amount{
				padding-top: 60px;
				font-size: 40px;
			}
			
			footer {
				position: fixed;
				width: 100%;
				left: 0;
				bottom: 120px;
				text-align: center;
			}
			
			footer button {
				width: 150px;
			}
		</style>
	</head>

	<body>
		<div class="mui-content-padded">
			<header class="mui-text-center">
				<div class="success">
					<span class="mui-icon iconfont icon-error"></span>
					<div>支付失败</div>
				</div>
				<div class="amount">
					<div id="payAmount">￥ 100000.00</div>
				</div>
			</header>
			<footer>
				<button id="btnSubmit" type="button" class="mui-btn mui-btn-danger">完成</button>
			</footer>
		</div>
		<script src="js/mui.min.js"></script>
		<script src="js/app.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			mui.init();

			document.getElementById("btnSubmit").addEventListener('tap', function() {
				mui.openWindow("account-in.html", "account-in");
				mui.back();
			})

			init = function(payAmount) {
				document.getElementById("payAmount").innerText = "￥ " + (payAmount*1).toFixed(2);
				setTimeout(function(){
					var $pay = plus.webview.getWebviewById("account-in-pay");
					$pay && $pay.close();
				}, 1000);
			}
			
			init(app.getParam("amount"));
		</script>
	</body>

</html>